<template>
    <el-card shadow="never">
        <template #header>
            <el-alert :closable="false">
                <dl style="color: green">
                    <dt>仿站配置：</dt>
                    <dd>1、在下面填写你需要仿站的网页地址，网页的编码格式，如果需要登陆的网页请填写好token或cookie，提交后生成的网页将保存在public/cmstool目录下。</dd>
                    <dd>2、一次配置只能扒取一个页面。</dd>
                </dl>
                <dl style="color: green">
                    <dt>使用技巧：</dt>
                    <dd>1、同一个网页可以提交多次以保证文件下载完整。</dd>
                    <dd>2、有些图片并非使用&lt;img&gt;标签，而是使用如&lt;div img-data="/test.png"&gt;这样的标签，可以图片参数中加上“div[img-data]”即可下载该图片。</dd>
                </dl>
            </el-alert>
        </template>
        <yun-form :data="rows" :columns="columns" @success="onSuccess"></yun-form>
    </el-card>
</template>
<script>
    import form from "@components/Form.js";
    import {rand} from "@util.js";
    export default{
        components:{
            'YunForm':form,
        },
        data:{
            rows:{
                headers:{
                    'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.289 Safari/537.36',
                    'Referer':'https://www.baidu.com/'
                },
            },
            columns:[
                {field:'url',title:'网页地址',edit:{form:'input',type:'text',placeholder:'请输入要扒取的网页地址'},rules:'required'},
                {field:'imgcode',title:'图片参数',edit:{form:'input',type:'text',placeholder:'请填写图片获取参数',value:'img[src],img[data-lazyload-img],div[img-data]'},rules:'required'},
                {field:'tempfile',title:'模板文件名',edit:{form:'input',type:'text',placeholder:'生成的模板文件名',value:'index.html'},rules:'required'},
                {field:'cookies',title:'Cookies',edit:{form:'input',type:'textarea',placeholder:'可以为空，需要登陆的网站必须填写'}},
            ]
        },
        methods: {
            onSuccess:function (){
                Yunqi.api.open({
                    title:'仿站结果',
                    icon:'fa fa-file-code-o',
                    url:'cmstool/plagiarism/run?v='+rand(1000,9999)
                });
            }
        }
    }
</script>
<style>

</style>

